<template>
	<view >
		<uni-collapse>
			<uni-collapse-item title="客服什么时候在线？" :open="true" showAnimation>
				<view class="p-2 bg-white flex flex-column">
					<text>亲爱的 [用户称呼]，客服的工作时间为：周一至周六 10:00 - 12:00，14:00 - 19:00，非工作时间的咨询反馈会自动转为留言，客服上班后会第一时间回复哦～</text>
					<text class="mt-4">
						PS: 紧急问题可以加官方 XXXXXXXXXX 进行反馈
					</text>
				</view>
			</uni-collapse-item>
			<uni-collapse-item title="忘记账号 / 昵称 / 密码怎么办？" showAnimation>
				<view class="p-2 bg-white flex flex-column">
					<text>点击 “忘记密码” 按钮→选择 “手机验证码找回”→输入绑定手机号→填写收到的验证码→设置新密码</text>
					<text>若手机号不可用，跳转 “申诉通道”，指引填注册时间、常用设备、历史密码等信息人工审核</text>
				</view>
			</uni-collapse-item>
			<uni-collapse-item title="怎么搜索 / 查找 / 关注 / 取关用户？" showAnimation>
				<view class="p-2 bg-white flex flex-column">
					<text>如点击用户资料页的 “关注” 按钮，或者在搜索结果列表中直接点击 “关注” 按钮进行关注。例如：“在用户详情页面，点击‘关注’按钮，即可成功关注该用户</text>
					<text>通常在已关注用户的资料页或关注列表中，有 “取关” 按钮，点击即可取消关注。如：“在已关注用户的个人页面或你的关注列表中，找到‘取关’按钮，点击后确认操作，即可取消对该用户的关注</text>
				</view>
			</uni-collapse-item>
		</uni-collapse>
		<view class="mt-5 px-2">
			<button class="bg-main text-white rounded-circle border-0" type="default">意见反馈</button>
		</view>
	</view>
</template>

<script>
	import uniCollapse from '@/components/uni-ui/uni-collapse/uni-collapse.vue'
	import uniCollapseItem from '@/components/uni-ui/uni-collapse-item/uni-collapse-item.vue'
	export default {
		components: {
			uniCollapse,
			uniCollapseItem
		},
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss">

</style>